<!-- 3. 图标式多行二级栏目 - 适合视觉导向的导航场景 -->
<div class="nav-section icon-navigation">
    <!-- 主分类 -->
    <div class="icon-main-categories">
        <div class="icon-main-category active">
            <div class="main-category-icon">
                <i class="fas fa-image"></i>
            </div>
            <div class="main-category-name">图片</div>
        </div>
        <div class="icon-main-category">
            <div class="main-category-icon">
                <i class="fas fa-video"></i>
            </div>
            <div class="main-category-name">视频</div>
        </div>
        <div class="icon-main-category">
            <div class="main-category-icon">
                <i class="fas fa-music"></i>
            </div>
            <div class="main-category-name">音乐</div>
        </div>
        <div class="icon-main-category">
            <div class="main-category-icon">
                <i class="fas fa-file-alt"></i>
            </div>
            <div class="main-category-name">文章</div>
        </div>
        <div class="icon-main-category">
            <div class="main-category-icon">
                <i class="fas fa-comments"></i>
            </div>
            <div class="main-category-name">话题</div>
        </div>
        <div class="icon-main-category">
            <div class="main-category-icon">
                <i class="fas fa-calendar-alt"></i>
            </div>
            <div class="main-category-name">活动</div>
        </div>
    </div>

    <!-- 二级分类 - 图片 -->
    <div class="icon-subcategories">
        <a href="#" class="icon-subcategory active">
            <div class="subcategory-icon">
                <i class="fas fa-camera"></i>
            </div>
            <div class="subcategory-name">摄影作品</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-paint-brush"></i>
            </div>
            <div class="subcategory-name">插画手绘</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-crop-alt"></i>
            </div>
            <div class="subcategory-name">设计作品</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-camera-retro"></i>
            </div>
            <div class="subcategory-name">手机摄影</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-mountain"></i>
            </div>
            <div class="subcategory-name">风景摄影</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-user"></i>
            </div>
            <div class="subcategory-name">人像摄影</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-utensils"></i>
            </div>
            <div class="subcategory-name">美食摄影</div>
        </a>
        <a href="#" class="icon-subcategory">
            <div class="subcategory-icon">
                <i class="fas fa-camera-movie"></i>
            </div>
            <div class="subcategory-name">胶片摄影</div>
        </a>
    </div>
</div>
